const ejs = require('ejs');
const fs = require('fs');
//1. 拼接字符串
// JS 的实现
// let str = '刘亦菲';
// let str3 = '彭于晏';

// let res = `我特别喜欢${str}这个演员,~~`;

// ejs 的实现
// let result = ejs.render('我特别喜欢<%= str %>这个演员, 还喜欢<%= star %>~~', {str: str, star: str3});

//2. 代码的拆分
// const fs = require('fs');
// let html = fs.readFileSync('./html/7-ejs.html').toString();
// let result = ejs.render(html, {str: str, star: str3});
// console.log(result);

//3. ejs 条件判断
// let isVip = true;// 是否是 vip 用户
// let html = fs.readFileSync('./html/7-ejs-if.html').toString();
// let result = ejs.render(html, {isVip});
// console.log(result);

//4. ejs 的循环控制   <ul><li>西游记</li><li>红楼梦</li></ul>
let arr = ['西游记','红楼梦','三国演义','水浒传'];

//原生方式
// let str = '<ul>';
// arr.forEach(item => {
//   str += `<li>${item}</li>`;
// });
// str += '</ul>';

// console.log(str);

//ejs 的写法
// let result = ejs.render(`
//   <ul>
//     <% arr.forEach(item => { %>
//      <li><%= item %></li>
//     <% }) %>
//   </ul>
// `, {arr})

//拆分代码
let html = fs.readFileSync('./html/7-ejs-for.html').toString();
let result = ejs.render(html, {arr});

console.log(result);




